<template>
	<view class="contacts" :style="'display:'+(isShow?'block':'none')">
		<cu-custom bgColor="bg-ededed" :isBack="false" :zIndex="997">
			<block slot="backText"></block>
			<block slot="content">发现</block>
		</cu-custom>
		<view :style="'height:'+(winHeight-barHeight-navHeight)+'px;display:flex;position: relative;width:100%;'">
			<scroll-view class="scrollPage" scroll-y="true" :style="'height:'+(winHeight-barHeight-navHeight)+'px'">
				<view class=" cu-list menu">
					<view class="cu-item arrow text-baseColor padding-right-0">
						<button class="cu-btn content" style="align-items:center;" data-url="" @click="$util.toPage">
							<image src="../../static/pyq.png" class="png" mode="aspectFit"></image>
							<text class="text-baseColor">朋友圈</text>
						</button>
					</view>
				</view>
				<view class=" cu-list menu">
					<view class="cu-item arrow text-baseColor padding-right-0">
						<button class="cu-btn content" style="align-items:center;" data-url="" @click="$util.toPage">
							<image src="../../static/live.png" class="png" mode="aspectFit"></image>
							<text class="text-baseColor">直播</text>
						</button>
					</view>
				</view>
				<view class=" cu-list menu">
					<view class="cu-item arrow text-baseColor padding-right-0">
						<button class="cu-btn content" style="align-items:center;" data-url="../../pages1/nearby/lst" @click="$util.toPage">
							<image src="../../static/nearby.png" class="png" mode="aspectFit"></image>
							<text class="text-baseColor">附近</text>
						</button>
					</view>
				</view>
				<view class=" cu-list menu">
					<view class="cu-item arrow text-baseColor padding-right-0">
						<button class="cu-btn content" style="align-items:center;" data-url="" @click="$util.toPage">
							<image src="../../static/scan.png" class="png" mode="aspectFit"></image>
							<text class="text-baseColor">扫一扫</text>
						</button>
					</view>
				</view>
				<view class="cu-tabbar-height"></view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import {mapState,mapMutations} from 'vuex';
	import util from 'common/util.js'
	let me = null;
	let disp = require("common/broadcast");
	export default {
		data() {
			return {
				indicator: 1,
				animation:'',
				barHeight: 0
				
			};
		},
		props: {
			isShow: {
				type: [Boolean, String],
				default: false
			},
		},
		created(){
			me = this;
			this.barHeight = this.CustomBar;
		},
		mounted() {
			this.$nextTick(function() {
				me.indicator=0;
			});
		},
		computed: {
			...mapState({
				navHeight: ({
					baseModule
				}) => baseModule.navHeight,
				winHeight: ({
					baseModule
				}) => baseModule.winHeight,
				hasLogin: ({
					userModule
				}) => userModule.hasLogin,
				userInfo: ({
					userModule
				}) => userModule.userInfo
			})
			
		},
		watch: {
			hasLogin(val) {
			
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.cu-list+.cu-list{
	margin-top:20upx;
}
.cu-list.menu>.cu-item:after{
	left:80upx;
	overflow: hidden;
}	
</style>
